<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Shenzhen Santiago Tech Co., Ltd.——首页</title>
	<meta name="keywords" content="圣地亚哥,首页,官网,DUO">
	<meta name="description" content="圣地亚哥科技有限公司，为科技发烧！">
	<meta http-equiv="X-UA-Compatible" content="IE=9,chrome=1" />
	<link href="http://119.29.169.59/webapp/home/css/style.css" rel='stylesheet' type='text/css' />
	<link rel="stylesheet" type="text/css" href="http://www.ijquery.cn/js/flexslider/flexslider.css" media="all" />
</head>
<body>
	<!--轮播图 banner-starts -->
	<div class="banner">
		<div class="flexslider" style="height:600px;border:none;">
			<ul class="slides" style="height:600px;">
				<li style="background:url(http://119.29.169.59/webapp/home/images/adv.jpg)no-repeat 50% 50%;"></li>
				<li style="background:url(http://119.29.169.59/webapp/home/images/1.jpg)no-repeat 50% 50%;"></li>
				<li style="background:url(http://119.29.169.59/webapp/home/images/2.jpg)no-repeat 50% 50%;"></li>
				<li style="background:url(http://119.29.169.59/webapp/home/images/4.jpg)no-repeat 50% 50%;"></li>
				<!-- <li style="background:url(public/subpage/home/images/4.png)no-repeat;background-size:cover;"></li> -->
			</ul>
		</div>
	</div>
	<!--轮播图 banner-end-->

	<!-- 三格展示图 -->
	<div id="show">
		<div id="container">

			<div class="showduo">
				<h3>DUO</h3>
				<img src="http://119.29.169.59/webapp/home/images/duo2.jpg"width="280px" height="280px" alt="商务·生活" class="img-responsive">
				<p> 职业白领，活力学生，旅游发烧友……DUO，为你而生！</p>
			</div>

			<div class="showduo">
				<h3>&nbsp;</h3>
				<img src="http://119.29.169.59/webapp/home/images/duo1.jpg" width="270px" height="280px" alt="科技改变生活" class="img-responsive">
				<p>科技，改变生活。</p>
			</div>

			<div class="showduo">
				<h3>&nbsp;</h3>
				<img src="http://119.29.169.59/webapp/home/images/duo3.jpg" width="280px" height="280px" alt="强大的DUO" class="img-responsive">
				<p>DUO，让一部iPhone掌管2个号码。</p>
			</div>

		</div>
	</div>
	<!-- 三格展示图 -->

	<!-- 展示视频  video -->
	<div id="video">
		<div id="video-img">
			<a id="play"></a>
		</div>
		<div id="video-player">
			<video id="player" src="http://119.29.169.59/webapp/home/images/Duo.mov" preload="load" height="600" controls="controls"  >
				您的浏览器不支持 video 标签。
			</video>
		</div>
	</div>
	<!-- 展示视频  video  end -->

</body>

<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/home.js"></script>
<script type="text/javascript">
		$(document).ready(function(){
			$('.flexslider').flexslider({
				directionNav: true,
				pauseOnAction: false,
				slideshowSpeed: 3000
			});
		});
	</script>
</html>
